// 引入定义的type类型
import { FETCH_POSTS,CREAT_POST } from './types'

// 声明一个方法
export const fetchPost = () => (dispatch) => {
    // 分发操作
    fetch('http://jsonplaceholder.typicode.com/posts')
        .then(res => res.json()).then(posts => {
            dispatch({
                // 一定要有一个type,属性名是定义
                type: FETCH_POSTS,//dispatch触发store,store会拿到前一个状态返回给到reducer会根据传过来的type返回一个状态
                payload: posts,//把接收的数据返回到postsReducer.js
            })
        })

}
// 点击添加按钮保存值
export const creatPost = (postData) => (dispatch) => {
    fetch('http://jsonplaceholder.typicode.com/posts', {
        method: 'POST',
        headers: {
            'content-type': 'application/json'
        },
        body: JSON.stringify(postData)
    })
        .then(res => res.json()).then(post => {
            console.log(post);
            
            // 数据存储到状态 
            dispatch({
                type: CREAT_POST,
                payload:post,
            })
        })
}
